//通用高亮背景色（分页）
@highlightColor: #fff;
@highlightHoverColor: darken(@highlightColor,5%);
@highlightTextColor:  #505050;
.pagination {
    display: inline-block;
    padding-left: 0;
    list-style: none;
    margin: 1rem 0;
    border-radius: @borderRadius;
    & >li {
        display: inline-block;
        margin-left: 10px;
        & > a,& > span {
            display: inline-block;
            padding: 0.3rem 0.8rem;
            border-radius: @borderRadius!important;;
            color: @highlightTextColor!important;;
            background-color: @highlightColor!important;;
            border: 1px solid @borderColor!important;;
        }
        & > a:focus,& > a:hover,& >span:focus,& > span:hover {
            color: @primaryColor!important;;
            background-color: @highlightHoverColor!important;;
            border-color: @borderColor!important;;
            cursor: pointer
        }
        &:first-child {
            & > a,& > span {
                border-top-left-radius: @borderRadius!important;;
                border-bottom-left-radius: @borderRadius!important;;
            }
        }
        &:last-child {
            & > a,& > span {
                border-top-right-radius:@borderRadius!important;;
                border-bottom-right-radius: @borderRadius!important;;
            }
        }
    }
    & > .disabled {
        & > a,& > a:focus,& > a:hover,& > span, & > span:focus,& > span:hover {
            color: @highlightTextColor!important;;
            background-color: @highlightColor!important;;
            border-color: @borderColor!important;;
            cursor: not-allowed
        }
    }
    
    & > .active {
        & > a,& > a:focus,& > a:hover,& > span, & > span:focus,& > span:hover {
            color: @primaryBackGroundTextColor!important;
            background-color: @primaryColor!important;;
            border-color: @primaryColor!important;;
            cursor: default
        }
    }
 
}

